<%@page contentType="text/html;charset=UTF-8"%>
<%@page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML>
<html>
<head>
<title>南京移动地图信息系统</title>
<style>
*					{ margin: 0; padding: 0; }
body				{ font-family: Georgia, serif; background: url(<c:url value="/images/login-page-bg.jpg" />) top center no-repeat #c4c4c4; color: #3a3a3a;  }
.clear				{ clear: both; }
form				{ width: 406px; margin: 125px auto 0;}
legend				{ display: none; }
fieldset			{ border: 0; }
label				{ width: 115px; text-align: right; float: left; margin: 0 10px 0 0; padding: 9px 0 0 0; font-size: 16px; }
input				{ width: 220px; display: block; padding: 4px; margin: 0 0 10px 0; font-size: 18px;
					  color: #3a3a3a; font-family: Georgia, serif;}
.button				{ background: url(<c:url value="/images/button-bg.png" />) repeat-x top center; border: 1px solid #999;
					  -moz-border-radius: 5px; padding: 5px; color: black; font-weight: bold;
					  -webkit-border-radius: 5px; font-size: 13px;  width: 70px; margin: -20px 0 0 287px; cursor:pointer}
.error{margin-left:125px;background:none repeat scroll 0 0 #FFE8E8;border: 1px solid #DB9A9A;color: #CC0000;padding: 2px 6px;;margin-bottom:10px;width: 220px;}
.message{margin-bottom:10px;}
.version{margin-left:370px;margin-bottom:25px}
p{font-size:0.8em;padding-top:8px}
</style>
<script type="text/javascript"
	src="<c:url value="/jquery-easyui-1.2.6/jquery-1.7.2.min.js" />"></script>
<script type="text/javascript">
$(function(){
	$('form').submit(function(){
		if($("input[name='username']").val()!='' && $("input[name='password']").val()!='')
			return true;
		
		if($("input[name='username']").val()=='')
			$("label[for='username']").css('color', 'red');
		else
			$("label[for='username']").css('color', '');
		
		if($("input[name='password']").val()=='')
			$("label[for='password']").css('color', 'red');
		else
			$("label[for='password']").css('color', '');
		
		return false;
		});		
	});
	</script>
	<link rel="shortcut icon" href="<c:url value="/images/favicon.ico" />" />
	</head>
	<body onload='document.f.username.focus();'>	
		<form id=""name='f' action="login"
			method='post'>
			<fieldset>
				<legend>Log in</legend>
				<div class="version"><strong>V2.1.0</strong></div>			
				<div class="clear"></div>
				<c:if test="${not empty signinErrorMessage}">
					<div class="error">登陆失败:<c:out value="${signinErrorMessage}" /></div>		
				</c:if>
				<c:if test="${empty signinErrorMessage}">
					<div class="message"><br/></div>		
				</c:if>
				<div class="clear"></div>
				<label id="label_username" for="username">用户名</label>
				<input type='text' name='username' value='' id='username'/>
				<div class="clear"></div>
				<label for="password">密码</label>
				<input type='password' name='password' id='password'/>
				<div class="clear"></div>
				<br /> <input type="submit" style=""
					class="button" name="commit" value="进入系统" />
			</fieldset>
		</form>
		<p align="center">
			<strong>&copy; 2011,2012 Getsea Team. All Rights Reserved.</strong>
		</p>
	</body>
	</html>
